<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>三七物联管理平台</title>
    
    <link rel="stylesheet" href="/home/css/ui.css">
    <link rel="stylesheet" type="text/css" href="/home/css/style.css"/>
      
      <style type="text/css">
        .view-container{
          background: url(/home/images/login_bg.png) no-repeat; 
        background-size:cover;   
        }
        .view-pic > ul >li{
          background-color: white;
        }
        .view-pic > ul >li>p{
          font-size: 12px;
       
    width: 1.1rem;
    height: 0.5rem;
 /*   background-color: red;*/
    text-align: center;
    line-height: 0.5rem;
    margin-top: .8em;
    margin-left: 1em;
        }
      </style>
</head>

<body class="android" style="overflow:auto">
   <div class="view-container" style="overflow:auto">
       <div class="header-weather" style="height: 2rem;width: 100%;">
           <iframe style="margin-right: -0.8rem;margin-top: 0.3em;" allowtransparency="true" frameborder="0" width="290" height="96" scrolling="no" src="//tianqi.2345.com/plugin/widget/index.htm?s=2&z=3&t=0&v=0&d=2&bd=0&k=&f=&ltf=009944&htf=cc0000&q=1&e=1&a=1&c=54511&w=290&h=96&align=center"></iframe>
       
           @if(!empty($info))
               {{--<p id="a" style="color: #131212; position: absolute; top: -3%; left: 3%; font-size: 14px;">{{$info['name']}}的家></p>--}}
           @else
               <p id="a" style="    color: white;font-weight: bold;position: absolute;top: 1%;left: 3%;height: .5rem;text-align: center;font-size: 14px;font-style: normal;line-height: .5rem;"><a href="/home/login/index" style="color:#ffffff8a">登录/</a><a href="/home/reg/index" style="color: #ffffff8a">注册</a></p>
           @endif
       </div>
       <div class="view-pic">
        <ul>
          <li style="border-radius: 6%; width: 48%;height: 1.5rem;float: left;margin-left: 1%;">
          <p style="color: #c3bebe;">默认房间</p>
          <p style="width: 1.5rem;margin-top: -1em;margin-left: 0.5em;color: #6f6b6b">SK000001</p>
          <p style="margin-top: -.8em;color: #353434;">设备在线</p>
          <img src="/home/images/11.png" style="margin-left: 1.8rem;margin-top: -1rem;display: block;">
          </li>
     
          <li style="border-radius: 6%; width: 48%;height: 1.5rem;float: right;">
          <p style="color: #c3bebe;">默认房间</p>
          <p style="width: 1.5rem;margin-top: -1em;margin-left: 0.5em;color: #6f6b6b">ET000001</p>
          <p style="margin-top: -.8em;color: #c3bebe;">设备离线</p>
          <img src="/home/images/22.png" style="margin-left: 1.8rem;margin-top: -1rem;display: block;">
          </li>

          
          <li style="border-radius: 6%; width: 48%;height: 1.5rem;float: left; margin-top: 2px;margin-left: 1%;">
          <p style="color: #c3bebe;">默认房间</p>
          <p style="width: 1.5rem;margin-top: -1em;margin-left: 0.5em;color: #6f6b6b">IF000001</p>
          <p style="margin-top: -.8em;color: #c3bebe;">设备离线</p>
          <img src="/home/images/33.png" style="margin-left: 1.8rem;margin-top: -1rem;display: block;">
          </li>

          
          <li style="border-radius: 6%; width: 48%;height: 1.5rem;float: right;margin-top: 2px;">
          <p style="color: #c3bebe;">默认房间</p>
          <p style="width: 1.5rem;margin-top: -1em;margin-left: 0.5em;color: #6f6b6b">HP000001</p>
          <p style="margin-top: -.8em;color: #353434;">设备在线</p>
          <img src="/home/images/44.png" style="margin-left: 1.8rem;margin-top: -1rem;display: block;">
          </li>
        </ul>  
       </div>
        <div class="create-room" style="opacity: 0.9; ">
				  <img class="use" src="/home/images/icon/center3.png"/>
				  <div class="added">
            <img src="/home/images/icon/rq.png"/>
            <img src="/home/images/icon/af.png"/>
            <img src="/home/images/icon/jg.png"/>   
            <img src="/home/images/icon/xf.png"/>
            <img src="/home/images/icon/yd.png"/>                   
				  </div>
				 <a href="#"><img class="set" src="/home/images/icon/szz1.png"/></a>
        </div>
            <!-- <div class="create-device" style="opacity: .7">
             <a href="/home/dev/addone"><p><span></span>查看设备</p></a>
            </div> -->
            <div class="view-information">
                   <p style="width: 1.2rem;height: .7rem;text-align: center;line-height: .7rem;font-weight: bold;font-size: 15px;margin-left: 0.1rem;">智慧燃气</p>
                   <p style="width: 1.5rem; height: .7rem; text-align: center; line-height: .7rem; font-size: 8px; margin-top: -.6rem; margin-left: 1rem;">1个设备</p>
                   <hr style="height:1px;border:none;border-top:1px dashed #65606544;" />
                   <div style="width: 100%; height: 1rem;border-bottom: 1px solid #dcd8d8">
                    <img src="/home/images/11.png" style="display: block;margin-left: -25%;    margin-top: -18%;">
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 14px; font-weight: bolder">烟感设备</p>
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 15px;">设备在线</p>
                  </div>
             </div>
             <div class="view-information">
                   <p style="width: 1.2rem;height: .7rem;text-align: center;line-height: .7rem;font-weight: bold;font-size: 15px;margin-left: 0.1rem;">智慧安防</p>
                   <p style="width: 1.5rem; height: .7rem; text-align: center; line-height: .7rem; font-size: 8px; margin-top: -.6rem; margin-left: 1rem;">1个设备</p>
                   <hr style="height:1px;border:none;border-top:1px dashed #65606544;" />
                   <div style="width: 100%; height: 1rem;border-bottom: 1px solid #dcd8d8">
                    <img src="/home/images/11.png" style="display: block;margin-left: -25%;    margin-top: -18%;">
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 14px; font-weight: bolder">烟感设备</p>
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 15px;">设备在线</p>
                  </div>
             </div>
               <div class="view-information">
                   <p  style="width: 1.2rem;height: .7rem;text-align: center;line-height: .7rem;font-weight: bold;font-size: 15px;margin-left: 0.1rem;">智慧井盖</p>
                    <p style="width: 1.5rem; height: .7rem; text-align: center; line-height: .7rem; font-size: 8px; margin-top: -.6rem; margin-left: 1rem;">1个设备</p>
                   <hr style="height:1px;border:none;border-top:1px dashed #65606544;" />
                   <div style="width: 100%; height: 1rem;border-bottom: 1px solid #dcd8d8">
                    <img src="/home/images/44.png" style="display: block;margin-left: -25%;margin-top: -18%;">
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 14px; font-weight: bolder">烟感设备</p>
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 15px;color: #c3bebe">设备离线</p>
                  </div>
             </div>
             <div class="view-information">
                   <p  style="width: 1.2rem;height: .7rem;text-align: center;line-height: .7rem;font-weight: bold;font-size: 15px;margin-left: 0.1rem;">智慧消防</p>
                    <p style="width:1.5rem; height: .7rem; text-align: center; line-height: .7rem; font-size: 8px; margin-top: -.6rem; margin-left: 1rem;">1个设备</p>
                   <hr style="height:1px;border:none;border-top:1px dashed #65606544;" />
                   <div style="width: 100%; height: 1rem;border-bottom: 1px solid #dcd8d8">
                    <img src="/home/images/44.png" style="display: block;margin-left: -25%;margin-top: -18%;">
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 14px; font-weight: bolder">烟感设备</p>
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 15px;color: #c3bebe">设备离线</p>
                  </div>
             </div>
             <div class="view-information">
                   <p  style="width: 1.2rem;height: .7rem;text-align: center;line-height: .7rem;font-weight: bold;font-size: 15px;margin-left: 0.1rem;">智慧用电</p>
                    <p style="width: 1.5rem; height: .7rem; text-align: center; line-height: .7rem; font-size: 8px; margin-top: -.6rem; margin-left: 1rem;">1个设备</p>
                   <hr style="height:1px;border:none;border-top:1px dashed #65606544;" />
                   <div style="width: 100%; height: 1rem;border-bottom: 1px solid #dcd8d8">
                    <img src="/home/images/44.png" style="display: block;margin-left: -25%;margin-top: -18%;">
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 14px; font-weight: bolder">烟感设备</p>
                    <p style="height: 0.5rem;width: 100%;text-align: center;line-height: 0.5rem;font-size: 15px;color: #c3bebe">设备离线</p>
                  </div>
             </div>
  </div>
   
	
		
	<!--底部导航菜单-->
<div class="tab-bar tab-bottom" style="position: fixed;bottom: 0;">
    <a class="tab-button active" href="/home/homepage/index"><i class="tab-button-icon icon icon-home"></i><span class="tab-button-txt">首页</span></a>
    <a class="tab-button " href="/home/service/index"><i class="tab-button-icon icon icon-service"></i><span class="tab-button-txt">服务</span></a>
    <a class="tab-button " href="/home/mine/index"><i class="tab-button-icon icon icon-my"></i><span class="tab-button-txt">我的</span></a>
</div>

</body>
<script src="/home/js/jquery.js"></script>
<script src="/home/js/rem.js" type="text/javascript" charset="utf-8"></script>
<script src="/home/js/main.js"></script>
</html>
